<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%
	request.setCharacterEncoding("UTF-8");
%>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="Expires" content="0">
	<meta http-equiv="kiben" content="no-cache">
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <title>行情监控系统</title>
  </head>
  <body>
    <div class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <a href="../" class="navbar-brand">行情监控系统 1.0.1</a>
          <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>
        <div class="navbar-collapse collapse" id="navbar-main">
          <ul class="nav navbar-nav">
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="themes">设置 <span class="caret"></span></a>
              <ul class="dropdown-menu" aria-labelledby="themes">
                <li><a id="loc-setting" href="javascript:void(0)">机房设置</a></li>
                <li class="divider"></li>
                <li><a id="interval-setting" href="javascript:void(0)">刷新频率设置</a></li>
                <li class="divider"></li>
                <li><a id="stock-setting" href="javascript:void(0)">股票设置</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="download">监控 <span class="caret"></span></a>
              <ul class="dropdown-menu" aria-labelledby="download">
                <li><a id="quote-compare" href="javascript:void(0)">行情比对</a></li>
                <li><a id="day5-quote-compare" href="javascript:void(0)">五日行情比对</a></li>
                 <li><a id="dayK-compare" href="javascript:void(0)">日K行情比较</a></li>
                 <li><a id="weekK-compare" href="javascript:void(0)">周K行情比较</a></li>
                 <li><a id="monthk-compare" href="javascript:void(0)">月K行情比较</a></li>
              </ul>
            </li>
            
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="download">报表 <span class="caret"></span></a>
              <ul class="dropdown-menu" aria-labelledby="download">
                <li><a id="all-quote-dn" href="javascript:void(0)">下载完整档案</a></li>
                <li class="divider"></li>
                <li><a id="compare-quote-dn" href="javascript:void(0)">下载差异档案</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </div>
<!-- 内容 -->    
    <div id="mitake-body" class="container" style="margin-top: 60px;">
	
    </div>
<!-- message ============================== -->
<div id="message-dialog" class="modal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title">通知信息</h4>
      </div>
      <div class="modal-body">
        <p id="message-body"></p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
</div>
<!-- ===================================== -->
  </body>
</html>
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/web.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
	$('#loc-setting').on('click', function() 
	{
		$("#mitake-body").load("loc-setting.html", function() {});
 	});
	
	$('#stock-setting').on('click', function() 
	{
		$("#mitake-body").load("stock-setting.html", function() {});
 	});
	
	$('#interval-setting').on('click', function() 
	{
		$("#mitake-body").load("interval-setting.html", function() {});
 	});
	
	$('#all-quote-dn').on('click', function() 
	{
		$("#mitake-body").load("interval-setting.html", function() {});
 	});
	
	$('#compare-quote-dn').on('click', function() 
	{
		$("#mitake-body").load("interval-setting.html", function() {});
 	});
	
	
	$('#quote-compare').on('click', function() 
	{
		$("#mitake-body").load("quote-compare.html", function() {});
 	});
	
	$('#day5-quote-compare').on('click', function() 
	{
		$("#mitake-body").load("day5-quote-compare.jsp", function() {});
	});
	
	$('#dayK-compare').on('click', function() 
	{
		$("#mitake-body").load("/f?event=f", function() {});
 	});
	
	$('#monthk-compare').on('click', function(){
		$("#mitake-body").load("monthk-compare.jsp", function() {});
	});
	$('#weekK-compare').on('click', function() 
	{
		$("#mitake-body").load("weekK-compare.jsp", function() {});
 	});
});
</script>